一、裁切與合成遮罩

• 裁切：mask-clip 屬性可以限制可見元素的區域，相對於background-clip
• mask-clip：content-box / padding-box / border-box / margin-box / fill-box / stroke-box / view-box / no-clip
• 合成遮罩：mask-composite (chrome不支援)

二、縮寫（結合一切）
mask 縮寫屬性

• 能夠用逗號分隔的列表指定多個遮罩
• 除了遮罩尺寸之外，其他設定值可以是任何順序
• 遮罩尺寸一定要緊接著定位定後，用「／」與定位屬性分開　（定位／尺寸）

三、遮罩類型

• mask-type屬性，類似mask-mode，但是沒有對應於match-source的數值。
• 如果二個屬性都設定，mask-mode優先性較高

四、邊框影像遮罩:支援性不佳

• mask-border
• mask-border-source
• mask-border-slice
• mask-border-width
• mask-border-outset
• mask-border-repea
• mask-border-mode
• MDN
• can i used

五、物件搭配與定位

• object-fit屬性，將被置換的元素視為圖片，可以改變元素填滿方框的方式
• object-position屬性，調整方框內的對齊方式
• IE不支援
• 半深入理解CSS3 object-position/object-fit屬性